*{
	margin:0%;
	padding:0%;
}
nav{
	width:100%;
	display:flex;
	align-items:center;
	height:62px;
	background-color:black;
	position:fixed;
	z-index:1;
}

 nav{
  font-family: "Nunito Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100,
    "YTLC" 500;
}

.spotify{
	font-size:41px;
	color:white;
}
.fdiv{
	display:flex;
	width:10%;
	align-items:center;
	justify-content:space-evenly;
}
.house{
	font-size:29px;
	align-items:center;
	padding-left:10.2px;
	color:white;
}
.homes{
	height:50px;
	width:50px;
	background-color:#1F1F1F;
	border-radius:50%;
	display:flex;
	align-items:center;
}
.searchdiv{
	width:34.1%;
	height:48px;
	background-color:#2A2A2A;
	border-radius:50px;
	display:flex;
	align-items:center;
	
}
.searchdiv:hover{
	border:2px solid white;
}
.flex{
	display:flex;
	width:90%;
	justify-content:space-between;
}
.searchicon{
	font-size:26px;
	margin-left:8px;
	color:#EEEEEE;
}
.line{
	height:30px;
	width:1px;	
	background-color:white;
}
.linehandbag{
	width:10%;
	display:flex;
	justify-content:space-around;
	margin-right:12px;
}
.searchinput{
	width:85%;
	font-size:17px;
	border:none;
	outline:none;
	background-color:#2A2A2A;
	margin-left:10px;
	color:white;
}
.mixdiv{
	width:100%;
	display:flex;
	justify-content:space-between;
}
.Premium{
	width:43%;
	display:flex;
	color:#B6B6B6;
}
.Download{
	font-size:16px;
	font-weight:bold;
}
.PremiumSupportDownload{
	width:44%;
	display:flex;
	align-items:center;
	justify-content:space-around;
}
.line2{
	width:2px;
}
.sign{
	width:36%;
	display:flex;
	justify-content:space-around;
	align-items:center;
	font-size:16px;
	font-weight:bold;
	
}
sign.{
  font-family: "Roboto Mono", monospace;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

.login{
	height:50px;
	width:18.5%;
	background-color:white;
	border-radius:50px;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:17px;
	color:black;
}
aside{
	width:27.6%;
	justify-content:center;
	display:flex;
	margin-left:0.4%;
	border-radius:6px;
	flex-direction:column;
	color:white;
	align-items:center;
	background-color:#121212;
	position:fixed;
	margin-top:3%;
}
.yourlibrary{
	width:94%;
	display:flex;
	height:90px;
}
.plus{
	height:29px;
	width:29px;
	border-radius:50px;
	display:flex;
	justify-content:center;
	align-items:center;
	font-size:28px;
	color:white;
	margin-right:6px;
}
.your{
	height:132px;
	width:96%;
	background-color:#1F1F1F;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	border-radius:10px;
}
.secondsection{
	width:92%;
	height:100px;
	padding-left:10px;
	display:flex;
	flex-direction:column;
	justify-content:space-around;
}
.playbutton{
	height:32px;
	width:36%;
	border-radius:50px;
	border:none;
	font-size:14px;
	font-weight:bold;
	margin-top:15px;
}
.legals{
	width:90%;
	height:220px;
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.cookies{
	width:80%;
	height:140px;
	font-size:12px;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}
.bros{
	font-size:19px;
}
main{
	width:70%;
	position:relative;
	left:29%;
	display:flex;
	justify-content:center;
	flex-direction:column;
	align-items:center;
	background-color:#212121;
	margin-top:3%;
	display:inline-block;
	border-radius:10px;
}
.headdiv{
	width:93%;
	display:flex;
	align-items:center;
	justify-content:space-between;
	color:white;
	padding-top:2%;
	margin-left:5.5%;
}
.maindiv1{
	width:97.4%;
	height:300px;
	margin-left:2.5%;
	margin-top:1.4%;
	display:flex;
	overflow: auto;
	Scrollbar-width:none;	
}
.palpal{
	width:20%;
	height:268px;
	display:flex;
	align-items:center;
	flex-direction:column;
	flex-shrink:0;
}
.palpal:hover{
	background-color:#1F1F1F;
}
.palpalimg{
	height:178px;
	border-radius:7px;
	
}

.pal{
	font-size:17px;
	color:white;
	font-weight:bold;
}
.afusic{
	color:#B2B2B2;
}
.Popularartists{
	width:97.4%;
	height:250px;
	margin-left:2.5%;
	padding-left:2%;
	display:flex;
	overflow:auto;
	Scrollbar-width:none;
}
.Aashiqui{
	width:18.5%;
	flex-shrink:0;
}
.Popularartists1{
	height:270px;
}
.Aashiqui:hover{
	background-color:#1C1C1C;
}
.pritamimg{
	height:170px;
	width:170px;
	border-radius:50%;
	padding:4%;
}
.art{
	margin-left:5%;
}
.Aashiqui1img{
	height:170px;
	padding:6.5%;
	width:170px;
}
.Popularartists2{
	height:250px;
}
footer{
	height:350px;
	width:100%;
	margin-top:5%;
	display:flex;
	justify-content:center;
	align-items:center;
	border-top:1px solid #9B9B9B;
}
.Company{
	width:95%;
	height:200px;
	list-style-type:none;
	display:flex;
	font-size:17px;
	border-bottom:1px solid #9B9B9B;
}
.companybold{
	color:white;
	font-weight:bold;
	font-size:17px;
}
.instagram{
	height:35px;
	width:35px;
	background-color:#727272;
	align-items:center;
	display:flex;
	justify-content:center;
	border-radius:50%;
}
.instagram{
	font-size:20px;
	color:white;
	margin-left:7%;
}